<ion-header>
	<ion-navbar color="custom-color">
		<ion-title>我的小区</ion-title>
	</ion-navbar>
</ion-header>

<ion-content>
	<!--轮播start-->
	<ion-slides>
		<ion-slide>
			<img class="silder-img" src="../../assets/images/home/banner.jpg" />
		</ion-slide>

		<ion-slide>
			<img class="silder-img" src="../../assets/images/home/banner.jpg" />
		</ion-slide>

		<ion-slide>
			<img class="silder-img" src="../../assets/images/home/banner.jpg" />
		</ion-slide>

	</ion-slides>
	<!--轮播end-->

	<!--banner bar start-->
	<ion-grid class="c1">
		<ion-row>
			<ion-col col-3>
				<div class="subbar subbar-1" [navPush]="annunciatePage" [navParams]="">小区通告</div>
			</ion-col>
			<ion-col col-3>
				<div class="subbar subbar-2">物业维修</div>
			</ion-col>
			<ion-col col-3>
				<div class="subbar subbar-3">小区家事</div>
			</ion-col>
			<ion-col col-3>
				<div class="subbar subbar-4">小区精选</div>
			</ion-col>
		</ion-row>
		<ion-row>
			<ion-col col-3>
				<div class="subbar subbar-5">小区匿聊</div>
			</ion-col>
			<ion-col col-3>
				<div class="subbar subbar-6">小区问问</div>
			</ion-col>
			<ion-col col-3>
				<div class="subbar subbar-7">订餐服务</div>
			</ion-col>
			<ion-col col-3>
				<div class="subbar subbar-8">更多</div>
			</ion-col>
		</ion-row>
	</ion-grid>
	<!--banner bar end-->

	<!--headline start-->
	<ion-list>
		<ion-item>
			<img src="../../assets/images/home/new.png" class="fl vh" />
			<h1 class="c1 inline-block">小区头条</h1>
			<button  ion-button clear class="fr inline-block more-color font-19">更多</button>
		</ion-item>
		<ion-item>
			<ion-thumbnail item-left>
				<img src="../../assets/images/home/header01.jpg">
			</ion-thumbnail>
			<h2>2015年底小区绿化工程即将呈现</h2>
			<p>湖畔公园景观免费下载 地产湖畔公园景观效果图小区风景秀丽</p>
			<p>2017-04-05</p>
		</ion-item>
		<ion-item>
			<ion-thumbnail item-left>
				<img src="../../assets/images/home/header02.jpg">
			</ion-thumbnail>
			<h2>“上合时间”会展中心如意湖成景点</h2>
			<p>4月1日-4月3日，上合组织峰会将在上海CBD举行，届时多过领导人</p>
			<p>2017-04-05</p>
		</ion-item>
	</ion-list>
	<!--headline end-->

	<!--activity start-->
	<ion-list>
		<ion-item>
			<img src="../../assets/images/home/activityIcon.png" class="fl vh" />
			<h1 class="c1 inline-block">精彩活动</h1>
			<button  ion-button clear class="fr inline-block more-color font-19">更多</button>
		</ion-item>
		<ion-item>
			<ion-thumbnail item-left>
				<img src="../../assets/images/home/activity01.jpg">
			</ion-thumbnail>
			<h2>变色革会议商务记事本 日记本 笔记本</h2>
			<p>优惠活动仅此一天，惊喜等你来拿！</p>
			<p>2017-04-05</p>
		</ion-item>
	</ion-list>
	<!--activity end-->
</ion-content>